<script type="text/javascript" src="resources/js/jquery.js"></script>
<script type="text/javascript" src="resources/js/interface.js"></script>

<div class="dock" id="dock2">
  		<div class="dock-container2">
	  		<a class="dock-item2" href="/Ugrow/home"><span>Home</span><img src="resources/images/home.png" alt="home" /></a>	  		 
	  		<a class="dock-item2" href="/Ugrow/profile?id=${userId}"><span>Profile</span><img src="resources/images/glober.png" alt="portfolio" /></a>
	  		#if($isSupervisor)
	  			<a class="dock-item2" href="/Ugrow/dashboard"><span>Dashboard</span><img src="resources/images/board.png" alt="dashboard" /></a>
	  		#end
	  		<a class="dock-item2" href="/Ugrow/j_spring_security_logout"><span>Logout</span><img src="resources/images/logout.png" alt="logout" /></a>
  		</div>
	</div>
	
	<script type="text/javascript">
   		$(document).ready(
   		function()
   		{
   		$('#dock2').Fisheye(
   		{
   		maxWidth: 80,
   		items: 'a',
   		itemsText: 'span',
   		container: '.dock-container2',
   		itemWidth: 60,
   		proximity: 80,
   		alignment : 'left',
   		valign: 'bottom',
   		halign : 'center'
   		}
   		)
   		}
   		);
	</script>